.article {clear:both;text-align:right;margin-bottom:25px;} .articleHeadline h1 {margin-bottom:0px;background-color:#F0F0F0;border:1px dashed #C8C8C8;} .articleAuthor {} .articleEntry {margin:10px 5px;} .articleRelated {margin:10px 5px;text-align:right;} .articleRelated a {display:inline-block;margin-top:5px;background:url("images/Bullet-Red.png") no-repeat scroll 100% 8px transparent;padding-right:12px;} .articleRelated a:hover {text-decoration:none;color:#007788} .articleImage {margin:2px 4px 4px 10px;float:right;} .articlePaging {border-bottom:1px dotted #D8D8D8;padding-bottom:2px;margin-bottom:2px;} .articleCategories {border-bottom:1px dotted #D8D8D8;margin-bottom:2px;padding-bottom:2px;} .related h2 {margin-bottom:0px;background-color:#F0F0F0;border:1px dashed #C8C8C8;padding-right:5px;} .postRating h2 {margin-bottom:0px;background-color:#F0F0F0;border:1px dashed #C8C8C8;padding-right:5px;} .articleComments {text-align:right;clear:both;} .articleComments h2 {margin-bottom:0px;background-color:#F0F0F0;border:1px dashed #C8C8C8;padding-left:5px;} .articleComment {margin:5px 0 0px 0;padding:5px;min-height:100px;height:auto !important;height:100px;} .articleCommentGravatar {margin:2px 4px 4px 10px;float:right;} .articleCommentContent {text-align:right;padding:0px 5px 10px 5px;} .articleCommentAuthor {} .articleCommentDate {border-bottom:1px dotted #D8D8D8;margin-bottom:2px;padding-bottom:2px;} .articleImages {text-align:right;} .articleImages h2 {margin-bottom:0px;background-color:#F0F0F0;border:1px dashed #C8C8C8;padding-right:5px;} /* Photo Area */ .articleImageList {margin:0px;padding:0 10px 0 0;} .articleImageList li {display:inline;float:right;margin-left:10px;margin-right:10px;margin-top:10px;} /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.4.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.4 * @date November 17, 2007 * @category jQuery plugin * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay {position:absolute;top:0;right:0;z-index:90;width:100%;height:500px;} #jquery-lightbox {position:absolute;top:0;right:0;width:100%;z-index:100;text-align:center;line-height:0;} #jquery-lightbox a img {border:none;} #lightbox-container-image-box {position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;} #lightbox-container-image {padding:10px; } #lightbox-loading {position:absolute;top:40%;right:0%;height:25%;width:100%;text-align:center;line-height:0;} #lightbox-container-image-data-box {background-color:#fff;margin:0pt auto;overflow:auto;font-family:Verdana,Helvetica,sans-serif;font-size:10px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.4em;} #lightbox-container-image-data {padding:0 10px; } #lightbox-container-image-details {float:right;text-align:right;width:70%;} #lightbox-container-image-details-caption{font-weight:bold;} #lightbox-container-image-details-currentNumber {clear:right;display:block;} #lightbox-container-image-details-currentNumber a, #lightbox-container-image-details-currentNumber a:hover{border-bottom:medium none;color:#151410;text-decoration:underline;} #lightbox-container-image-details-nav {clear:right;display:block;padding:0pt 0pt 10px;} #lightbox-container-image-details-nav a, #lightbox-container-image-details-nav a:hover {border-bottom:medium none;color:#151410;text-decoration:underline;} #lightbox-container-image-details-nav-btnPrev{margin:0pt 0pt 0pt 8px;} #lightbox-image-details-close-btnClose {float:left;} #lightbox-image-details-close a, #lightbox-image-details-close a:hover {border-bottom:medium none;color:#151410;text-decoration:underline;} .articleView .related {clear:both;} /*///////////////////////////////////////////////////////////////////////////////////*/ .t {font-family:'iranian sans', AArial, Sans-Serif;font-size:12px;line-height:1.6em;width:100%;border-collapse:collapse;} .t th {font-size:13px;font-weight:normal;padding:8px;background:#b9c9fe;border-top:4px solid #aabcfe;border-bottom:1px solid #fff;color:#039;} .t td {padding:8px;background:#e8edff;border-bottom:1px solid #fff;color:#669;border-top:1px solid transparent;} .t tr:hover td {background:#d0dafd;color:#339;} .PagingTable {font-family:'iranian sans';} /*//////// New Bonyan ///////////////////////////////////////////////////////////////////////////*/ .adminbuttons {display:inline-block;width:11%;text-align:center;} .NewsArticles select {font-family:'iranian sans';} .right {float:right;} .left {float:left;} .clear_float {clear:both;line-height:0;font-size:0;} .ArticleView {margin:1% 30px 30px 30px;text-align:right;} .ArticleView .dashboard {margin-bottom:20px;} .ArticleView .dashboard .staticdate {font:normal 11px 'iranian sans', arial;color:#4d4d4d;height:23px;line-height:23px;background:url('images/icons-view.png') 100% 0 no-repeat;padding:0 22px 0 0;margin-left:40px;} .ArticleView .dashboard .staticviews {font:normal 11px 'iranian sans', arial;color:#4d4d4d;height:23px;line-height:23px;background:url('images/icons-view.png') 100% -32px no-repeat;padding:0 22px 0 0;margin-left:40px;} .ArticleView .dashboard .staticcomments {font:normal 11px 'iranian sans', arial;color:#4d4d4d;height:23px;line-height:23px;background:url('images/icons-view.png') 100% -64px no-repeat;padding:0 22px 0 0;margin-left:40px;} .ArticleView .dashboard .controls {display:block;} .ArticleView .dashboard .controls div {display:inline-block;width:20px;height:20px;background-image:url('images/icons-view.png');} .ArticleView .dashboard .controls a, .ArticleView .dashboard .controls a:active, .ArticleView .dashboard .controls a:hover {display:inline-block;width:20px;height:20px;background-image:url('images/icons-view.png');text-decoration:none;} .ArticleView .dashboard .controls a.print {background-position:100% -218px;} .ArticleView .dashboard .controls a.email {background-position:100% -188px;} .ArticleView .dashboard .controls a.minus {background-position:100% -159px;} .ArticleView .dashboard .controls a.default {background-position:100% -127px;} .ArticleView .dashboard .controls a.plus {background-position:100% -97px;} .ArticleView .content {text-align:right;} .ArticleView .content .subtitle {font:bold 12px 'iranian sans';color:#51a512;padding-right:5px;} .ArticleView .content .title {font:bold 15px 'iranian sans';color:#880b2c;margin:4px 0 12px 0; text-align: center;padding-top: 3%;padding-bottom: 20px;line-height:1.8em} .ArticleView .content .image { TEXT-ALIGN: center;} .ArticleView .content .image img {padding:3px;border:3px solid #ffffff;} .ArticleView .content .summary {font:normal 12px 'iranian sans', Arial;line-height:1.5em;text-align:justify;color:#393939;padding:15px 0 5px 0;margin:0px;} .ArticleView .content .description {font:normal 13px 'iranian sans', Arial;line-height:1.8em;text-align:justify;color:#393939;padding:4px 0;} .ArticleView .content .description div {font:normal 13px 'iranian sans', Arial;line-height:1.8em;text-align:justify;} .ArticleView .section {margin:15px 0;} .ArticleView .section .headding {padding:10px 13px;font:bold 15px 'iranian sans', arial;color:#143d61; border-bottom:solid 2px #945252;border-right:solid 4px #945252; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .ArticleView .section .related {margin:10px 0;} .ArticleView .section .related div {margin:2px 0;} /* .ArticleView .section .related div a {background:url("Images/arrow-categories-blue.png") no-repeat 99% 50% transparent;color:#555555;display:block;font:bold 11px 'iranian sans';padding-right:22px;} .ArticleView .section .related div a:hover {text-decoration:none;} .ArticleView .section .related div a span {font:normal 10px 'iranian sans';} */ .ArticleView .comment {margin:5px 0;} .ArticleView .comment .mcheader {padding:5px 13px;font:normal 13px 'iranian sans', arial;color:#143d61;background-color:#f3f3f3;border:solid 1px #c9c9c9;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .ArticleView .comment .mcheader a, .ArticleView .comment .mcheader a:active, .ArticleView .comment .mcheader a:hover {font:normal 13px 'iranian sans', arial;color:#143d61;text-decoration:none;cursor:pointer;} .ArticleView .comment .mcheader a:visited {text-decoration:underline;} .ArticleView .comment .mcheader .mcauthor, .ArticleView .comment .mcheader .mcdate {color:#143d61;} .ArticleView .comment .mctext {font:normal 12px 'iranian sans', arial;line-height:1.7em;color:#393939;margin:8px 10px;} .ArticleView .comment .mctext .cmicon {width:38px;height:38px;padding:0 0 5px 5px;background:url('images/icons-view.png') no-repeat 100% -249px;} .ArticleView .cmform {margin:10px 0;padding:10px 17px;background-color:#fdfdfd;border:solid 5px #f3f3f3;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-box-shadow: 0 0 1px 1px #888;-webkit-box-shadow: 0 0 1px 1px #888;box-shadow: 0 0 1px 1px #888;} .ArticleView .cmform input[type="text"] {width:280px;height:30px;font:normal 12px 'iranian sans', arial;color:#717171;padding-right:5px;background-color:#fcfcfc;border:solid 1px #d5d5d5;} .ArticleView .cmform textarea {width:510px;height:140px;font:normal 12px 'iranian sans', arial;color:#717171;padding-right:5px;background-color:#fcfcfc;border:solid 1px #d5d5d5;} .ArticleView .cmform input[type="button"] {width:125px;height:40px;text-indent:-999999px;background:url('images/submit.png') no-repeat 0 0;border:0px;cursor:pointer;} .ArticleView .postComment {margin:5px 0;} .Comment1 {padding:0 5px 0 0!important;} .Comment1 li {background:url('Images/newsdotgreen.png') no-repeat 100% 7px;padding:0px 12px 10px 8px;margin-bottom:10px;border-bottom:1px solid #cccccc;list-style-type:none;} .Comment1 li a, .Comment1 li a:hover, .Comment1 li a:active {font:normal 12px 'iranian sans', arial;text-decoration:none;color:#333333;line-height:1.4em;} .ImageTitleSummary {} .ImageTitleSummary .newscontainer {margin:8px 0 13px 0;padding-bottom:7px;text-align:right;background:url('Images/border-bottom.png') repeat-x 0 100%;} .ImageTitleSummary .newscontainer.last {background:none;} .ImageTitleSummary .image {float:right;margin:0 0 3px 8px;padding:3px;border:1px solid #cfcfcf;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .ImageTitleSummary .image a {text-decoration:none;display:block;/*width:88px;height:74px;background:url('/portals/0/images/News-thumbnail-88x74.png') 50% 50% no-repeat #ffffff;*/overflow:hidden;} .ImageTitleSummary .image a img {/*width:88px !important;height:74px !important*/} .ImageTitleSummary .spacer {height:10px;} .ImageTitleSummary .date {font-size:11px;color:#696969;} .ImageTitleSummary .subtitle {font-size:14px;color:#959595;margin:2px 0;} .ImageTitleSummary .title {margin-top:3px;} .ImageTitleSummary .title .icon {float:right;width:8px;height:8px;background:url('Images/Triangle-Red.png') no-repeat 50% 50%;margin:4px 1px 0 3px;} .ImageTitleSummary .title a, .ImageTitleSummary .title a:hover, .ImageTitleSummary .title a:active {text-decoration:none;color:#065e7a;line-height:1.4em;} .ImageTitleSummary .summary {font-size:12px;color:#4b4b4b;margin-top:2px;} .categories {padding:0; margin:0;} .categories li {list-style:none; padding:12px 0 8px 5px;border-bottom:1px solid #eee;} .categories li a {font-size:13px; color: #717171; transition:all 0.3s ease 0s; } .categories li .fa {float:left; font-size:15px; color:#717171;} /*--------- Sidebar Content Style ----------*/ .sidebar_content { padding-right:10px;padding-left:8px; margin-top:30px;margin-bottom:30px; font-size: 1em;font-weight:bold;line-height:2em; text-align: justify; } .sidebar_content p { font-size:13px; color:#717171; line-height:1.6em;}!important .sidebar_content p a:hover { color:#333;} .sidebar_content .sidebar_blockquote{ border-right:5px solid; background:#fbf6ef;padding-right:20px;padding-left:20px;} .sidebar_content .sidebar_blockquote:hover{ border-right:5px solid #880b2c;transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} .sidebar_content .sidebar_blockquote p{ padding:15px 5px 15px 15px; color:#444; font-size:13px; font-style:italic;;} .image_example_left img { float:left; border:1px solid #eee; padding:3px;} .image_example_left p { padding-left:160px;} .image_example_right img { float:right; border:1px solid #eee; padding:3px;} .image_example_right p { padding-right:150px;} /*--------- video Archive template ----------*/ .video_display { margin: 3% 19% 1% 19%; border: #460404 solid 4px; } .video_title { font:bold 15px 'iranian sans';color:#880b2c;margin:4px 0 12px 0; text-align: center;padding-top: 5px;padding-bottom: 25px;line-height:1em;border-bottom: #823e2c solid 3px; } .video_sidebar_content { padding-right:10px;padding-left:8px; margin-top:1%;margin-bottom:1%; font-size: 1em;font-weight:bold;line-height:2em; text-align: justify; } /* Responsive layout - makes a two column-layout instead of four columns */ @media screen and (max-width: 900px) { .column { width: 50%; } .video_display { margin: 2% 2% 2% 2%; border: #460404 solid 4px; } } /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .column { width: 100%; } .video_display { margin: 2% 2% 2% 2%; border: #460404 solid 10px; } } #articleSearchFormSmall { width: 35%; height: 30px; /*! background:url('Images/search-bg.png') repeat-x 0 0; */ margin: 4px 0 15px 50px; text-align: left; position: relative; float: left } #articleSearchFormSmall input[type="submit"] { position: absolute; width: 30px; height: 30px; margin: 2px 0 0 0 !important; cursor: pointer; text-indent: -9999px; border: 0px; border: solid 1px #eee; background: #fff url('Images/search-tool.png') no-repeat center center/ 25px; } #articleSearchFormSmall input[type="text"] { width: 45%; height: 30px; line-height: 30px; color: #004c75; /* font-size:12px;*/ margin: 2px 20px 0 0; padding: 0 5px 0 0; background: #fff; border: 0px; border: solid 1px #eee; } #articleSearchForm h1{width: 50%; margin: 0; font-size: 17px; float: right; text-align: right;} element { } #dnn_ctr1271_NewsArticles_ViewSearch_pnlSearch { float: right; width: 50%; margin: 0 0 10px 0; } @media screen and (max-width: 800px) { #dnn_ctr1271_NewsArticles_ViewSearch_pnlSearch { display: none } #articleSearchForm h1{width: 100%; margin: 0; font-size: 17px; float: right; text-align: center; padding-bottom: 15px; } #articleSearchFormSmall { width:100%; text-align: right; position: relative; } #articleSearchFormSmall input[type="submit"] { position: absolute; width: auto; cursor: pointer; text-indent: -9999px; border: 0px; border: solid 1px #eee; background: #d4bc9c url('Images/search-tool.png') no-repeat center center/ 25px; float: none; display: block; width: 100%; margin: 0; padding: 14px; } #articleSearchFormSmall input[type="text"] { line-height: 40px; color: #004c75; /* font-size:12px;*/ background: #fff; border: 0px; border: solid 1px #eee; float: none; display: block; text-align: right; width: 100%; margin: 0; padding:0 14px; } } .row { /* margin: 8px -16px; */ } /* Add padding BETWEEN each column */ .row, .row > .column { } /* Create four equal columns that floats next to each other */ .column { float: left; width: 14.28%; } /* Clear floats after rows */ .row:after { content: ""; display: table; clear: both; } /* Content */ .content1 { padding: 10px; background-color: #fbf4eb; border: solid 1px brown; height:150px } /* Responsive layout - makes a two column-layout instead of four columns */ @media screen and (max-width: 900px) { .column { width: 50%; } .topnav a.active { background-color: #823e2c; color: white; border-top-right-radius: 13px; border-top-left-radius: 13px; } #articleSearchFormSmall { width: 100%; height: 30px; /*! background:url('Images/search-bg.png') repeat-x 0 0; */ margin: auto; text-align: left; position: relative; float: left;margin-bottom: 36px; } } /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .column { width: 100%; } } .name_video { font-size: 10px; text-align: center; font-weight: bold; margin-top:2px; color: royalblue; } .video_date_tex { font-size: 14px; text-align: center; margin-top: 13px; /* color: #bf0000!important; */ background-color: antiquewhite; border-top: 1px solid #d0b99a; } .Video_img { border-radius: 10px; padding-top: 3px; } .titel_tex { font-size: 9px; text-align: center; font-weight: bold; color: black; }